<template>
  <div id="app">
      <!-- <h1>我是一个组件....</h1>
      <MyHello></MyHello>
      <my-hello></my-hello> -->
      <!-- <Tab01></Tab01> -->
      <!-- <hr>  -->
      <!-- <Tab02></Tab02> -->
      <!-- <Father></Father> -->
      <!-- <FatherSlot></FatherSlot> -->
      <!-- <FatherSlot02></FatherSlot02> -->
      <!-- <button @click="flag = false">销毁组件</button> -->
      <!-- <Life v-if="flag"></Life> -->
      <!-- <FatherLife></FatherLife> -->
      <!-- <Component01></Component01>
      <Component02></Component02> -->
      <!-- <BusFather></BusFather> -->
      <!-- <Refs></Refs> -->
      <!-- <Parent></Parent> -->
      <!-- <NextTick></NextTick> -->
      <!-- <Style></Style> -->
      <MyAxios></MyAxios>
      <hr>
      <MyAxios02></MyAxios02>
      <hr>
      <MyAxios03></MyAxios03>
  </div>
</template>

<script>
// 导入组件
import MyHello from "./components/MyHello.vue"
import Tab01 from "./components/Tab01.vue"
import Tab02 from "./components/Tab02.vue"
import Father from "./components/Father.vue"
import FatherSlot from "./components/slot/FatherSlot.vue"
import FatherSlot02 from "./components/slot2/FatherSlot.vue"
import Life from "./components/Life.vue"
import FatherLife from "./components/life/Father.vue"
import Component01 from "./components/mixin/Component01.vue"
import Component02 from "./components/mixin/Component02.vue"
import BusFather from "./components/bus/Father.vue"
import Refs from "./components/refs/Refs.vue"
import Parent from "./components/parent/Parent.vue"
import NextTick from "./components/NextTick.vue"
import Style from "./components/Style.vue"
import MyAxios from "./components/MyAxios.vue"
import MyAxios02 from "./components/MyAxios02.vue"
import MyAxios03 from "./components/MyAxios03.vue"
// vue 管理当前的组件  导出配置项
export default {
  data() {
    return {
      flag:true
    }
  },
   components:{
    // key  标签名字   value 组件名字
      // hello:MyHello
      MyHello,
      Tab01,
      Tab02,
      Father,
      FatherSlot,
      FatherSlot02,
      Life,
      FatherLife,
      Component01,
      Component02,
      BusFather,
      Refs,
      Parent,
      NextTick,
      Style,
      MyAxios,
      MyAxios02,
      MyAxios03
   }
  

}
</script>
<!-- 作用范围是所有的组件 
scoped  当前的样式只作用于当前自己的组件 
不加scoped  该样式就表示全局样式
-->
<style>
/*
  样式  修饰文本的样式
*/

</style>
